<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Xenon Boostrap Admin Panel" />
    <meta name="author" content="" />

    <title>Sketching - Admin</title>

    <link rel="stylesheet" href="/static/assets/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="/static/assets/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/assets/css/bootstrap.css">
    <link rel="stylesheet" href="/static/assets/css/xenon-core.css">
    <link rel="stylesheet" href="/static/assets/css/xenon-forms.css">
    <link rel="stylesheet" href="/static/assets/css/xenon-components.css">
    <link rel="stylesheet" href="/static/assets/css/xenon-skins.css">
    <link rel="stylesheet" href="/static/assets/css/custom.css">
    <link rel="stylesheet" href="/static/assets/css/toastr.css">
    <link rel="stylesheet" href="/static/assets/js/dropzone/css/dropzone.css">

    <script src="/static/assets/js/jquery-1.11.1.min.js"></script>
    <style type="text/css">
        .yichu{
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        td button{
            margin-top: 5px;
        }
        td a{
            margin-top: 5px;
        }
    </style>

</head>
<body class="page-body" style="min-width: 878px;">
<div class="page-loading-overlay">
    <div class="loader-2"></div>
</div>

<div class="page-container"><!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->

    <!-- Add "fixed" class to make the sidebar fixed always to the browser viewport. -->
    <!-- Adding class "toggle-others" will keep only one menu item open at a time. -->
    <!-- Adding class "collapsed" collapse sidebar root elements and show only icons. -->
    <div class="sidebar-menu toggle-others">

        <div class="sidebar-menu-inner">

            <header class="logo-env">

                <!-- logo -->
                <div class="logo">
                    <a href="/admin/index/index" class="logo-expanded">
                        <h2 style="color: white">Sketching</h2>
                    </a>

                    <a href="/admin/index/index" class="logo-collapsed">
                        <h2 style="color: white">SC</h2>
                    </a>
                </div>

                <!-- This will toggle the mobile menu and will be visible only on mobile devices -->
                <div class="mobile-menu-toggle visible-xs">
                    <a href="#" data-toggle="user-info-menu">
                        <i class="fa-bell-o"></i>
                        <span class="badge badge-success">7</span>
                    </a>

                    <a href="#" data-toggle="mobile-menu">
                        <i class="fa-bars"></i>
                    </a>
                </div>


            </header>

            {include file="public/menu" /}

        </div>

    </div>

    <div class="main-content">

        <!-- User Info, Notifications and Menu Bar -->
        <nav class="navbar user-info-navbar" role="navigation">

            <!-- Left links for user info navbar -->
            <ul class="user-info-menu left-links list-inline list-unstyled">

                <li class="hidden-sm hidden-xs">
                    <a href="#" data-toggle="sidebar">
                        <i class="fa-bars"></i>
                    </a>
                </li>
            </ul>


            <!-- Right links for user info navbar -->
            <ul class="user-info-menu right-links list-inline list-unstyled">



                <li class="dropdown user-profile">
                    <a href="#" data-toggle="dropdown">
                        <img src="/static/assets/images/user-4.png" alt="user-image" class="img-circle img-inline userpic-32" width="28" />
                        <span>
								Admin
								<i class="fa-angle-down"></i>
							</span>
                    </a>

                    <ul class="dropdown-menu user-profile-menu list-unstyled">
                        <li class="last">
                            <a href="/admin/login/loginOut">
                                <i class="fa-lock"></i>
                                Logout
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>

        </nav>

        {block name="content"}{/block}

        <!-- Main Footer -->
        <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
        <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
        <!-- Or class "fixed" to  always fix the footer to the end of page -->

        <!--<footer class="main-footer sticky footer-type-1">

            <div class="footer-inner">

                &lt;!&ndash; Add your copyright text here &ndash;&gt;
                <div class="footer-text">
                    &copy; 2018
                    <strong>后台管理</strong>
                    More Templates
                </div>
                &lt;!&ndash; Go to Top Link, just add rel="go-top" to any link to add this functionality &ndash;&gt;
                <div class="go-up">
                    <a href="#" rel="go-top">
                        <i class="fa-angle-up"></i>
                    </a>
                </div>

            </div>

        </footer>-->


    </div>
</div>
{block name="modal"}{/block}
<!-- Bottom Scripts -->

<link rel="stylesheet" href="/static/assets/js/select2/select2.css">
<link rel="stylesheet" href="/static/assets/js/select2/select2-bootstrap.css">
<link rel="stylesheet" href="/static/assets/js/multiselect/css/multi-select.css">


<script src="/static/assets/js/bootstrap.min.js"></script>
<script src="/static/assets/js/TweenMax.min.js"></script>
<script src="/static/assets/js/resizeable.js"></script>
<script src="/static/assets/js/joinable.js"></script>
<script src="/static/assets/js/xenon-api.js"></script>
<script src="/static/assets/js/xenon-toggles.js"></script>
<script src="/static/assets/js/toastr1/toastr.min.js"></script>

<script src="/static/assets/js/select2/select2.min.js"></script>
<script src="/static/assets/js/jquery-ui/jquery-ui.min.js"></script>
<script src="/static/assets/js/selectboxit/jquery.selectBoxIt.min.js"></script>
<script src="/static/assets/js/tagsinput/bootstrap-tagsinput.min.js"></script>
<script src="/static/assets/js/typeahead.bundle.js"></script>
<script src="/static/assets/js/handlebars.min.js"></script>
<script src="/static/assets/js/multiselect/js/jquery.multi-select.js"></script>

<!-- JavaScripts initializations and stuff -->
<script src="/static/assets/js/xenon-custom.js"></script>
<script src="/static/assets/js/clamp/clamp.js"></script>
<script>

    var width = document.getElementsByTagName('body')[0].offsetWidth;
    if (width > 1240) {
        $(".sidebar-menu").removeClass("collapsed");
        console.log(width)
    } else {
        $(".sidebar-menu").addClass("collapsed");
        console.log(width)
    }

    $("#CheckAll").bind("click",function(){
          $("input[name='ids[]']").prop("checked",this.checked);
    });

    function error(msg) {
        toastr.options = {
            "closeButton": true,
            "debug": false,
            "progressBar": false,
            "positionClass": "toast-top-center",
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        }
        toastr.error(msg);
    }
    function success(msg) {
        toastr.options = {
            "closeButton": false,
            "debug": false,
            "progressBar": false,
            "positionClass": "toast-top-center",
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        }
        toastr.success(msg);
    }
</script>
{block name="js"}{/block}

</body>
</html>